<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <style type="text/css">
    	.aui-content .aui-list .aui-list-item .aui-list-item-inner .aui-list-item-label{
    		color:#757575;
    	}
    	.hide{
    		display:none;
    	}
    	.active{
    		color:#2f9833;
    	}
    </style>
</head>
<body>
<div class="aui-content" id="room_container" style="width:100%;height:100%;">

    <ul class="aui-list aui-form-list">
    	<li class="aui-list-item" id="room_name_container">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label">
                    	直播主题
                </div>
                <div class="aui-list-item-input">
                    <input id="room_name" style="text-align: right;color:rgb(169,169,169)" class="aui-ellipsis" type="text" placeholder="起个吸引人的标题">
                    <div id="room_name_cover" class="hide" style="position:absolute;width:100%;height:2.2rem;top:0;left:0;background-color: rgba(0,0,0,0);">
                </div>
            </div>
        </li>
        
		<li class="aui-list-item" id="room_live_type_container" style="display:none;">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label">
                    	直播方式
                </div>
                <div class="aui-list-item-input">
                    <input id="room_live_type" style="text-align: right;color:rgb(169,169,169)" class="aui-ellipsis" type="text" value="视频直播">
                    <div id="room_live_type_cover" style="position:absolute;width:100%;height:2.2rem;top:0;left:0;background-color: rgba(0,0,0,0);">
                </div>
            </div>
        </li>

        <li class="aui-list-item" id="room_starttime_container">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label">
                    	开始时间
                </div>
                <div class="aui-list-item-input"  tapmode>
                    <span type="text" id="room_starttime_span" style="float: right;color:rgb(169,169,169);">立刻开始</span>
                    <input type="hidden" id="room_starttime">
                    <div id="room_starttime_cover" style="position:absolute;width:100%;height:2.2rem;top:0;left:0;background-color: rgba(0,0,0,0);">
                </div>
            </div>
        </li>
        
        <li class="aui-list-item" id="room_des_container">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label">
                    	详细介绍
                </div>
                <div class="aui-list-item-input" style="text-align:right;">
                    <textarea rows="3" type="text" id="room_des" class="aui-ellipsis" style="overflow-x:hidden;overflow-y:auto;text-align: right;color:rgb(169,169,169);" placeholder="内容分享与观点交流，尽在精彩直播。"></textarea>
                    <div id="room_des_cover" class="hide"  style="position:absolute;width:100%;height:2.2rem;top:0;left:0;background-color: rgba(0,0,0,0);">
                </div>
            </div>
        </li>
        
        <li class="aui-list-item" id="room_type_container">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label">
                    	谁可以看
                </div>
                <div class="aui-list-item-input">
                    <select id="room_room_type" data-default="私有" style="width: auto; float: right;text-align: right;color:rgb(169,169,169);" class="aui-ellipsis" >
                        <!--<option>Option1</option>-->
                    </select>
<!--                    <input type="text" id="room_room_type" value="公开">
                    <div id="room_room_type_cover" style="position:absolute;width:100%;height:2.2rem;top:0;left:0;background-color: rgba(0,0,0,0);">-->
                </div>
            </div>
        </li>
       
       <li class="aui-list-item" id="room_catalog_container" style="display:block;">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label">
                    	选择分类
                </div>
                <div class="aui-list-item-input">
                    <select data-default="全部" id="room_catalog" style="width: auto; float: right;text-align: right;color:rgb(169,169,169);" class="aui-ellipsis" >
                        <!--<option>Option1</option>-->
                    </select>
                </div>
            </div>
        </li>
          
    </ul>
    
</div>

</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/api-extends-app.js"></script>
<script type="text/javascript" id="appinit" data-baseurl="../script" src="../script/libs/require.js"></script>
<script type="text/javascript">
	
    apiready = function(){
        appinit();
        api.parseTapmode();
    };
    
</script>
</html>
